<template>
  <div class="dashboard-container">
    <div class="dashboard-editor-container">
      <div>
        <span class="word">个人财务管理系统</span>
        <img src="../assets/办公.png" alt class="bgimage" />
      </div>
    </div>
  </div>
</template>

<script>
import { mapGetters } from "vuex";

export default {
  name: "Dashboard",
  computed: {
    ...mapGetters(["name", "roles"])
  }
};
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.bgimage {
  // display: flex;
  // justify-content: center;
  // height: auto;
  // width: auto;
  width: 75%;
  //text-align: center;
  // margin: 0 auto;
  padding-left: 420px;
  padding-top: 20px;
}
.word {
    color: #6F7374;
    font-size: 40px;
    // writing-mode: vertical-lr;
    margin-top: 60px;
    padding-right: 120px;
    float: left;
    font-family: PingFang SC;
    padding-left: 70px;
}
</style>
